/* 
    Il s'agit du fichier CSS principal, qui regroupe les styles communs
    à toutes les pages du front office.
*/

body {
    background: url('../img/pattern_1.png') repeat;
}

h1 {
	color: #222222;
	text-shadow: 0px 2px 3px #b7b7b9;
	font: 40px Tahoma, Helvetica, Arial, Sans-Serif;
	text-align: center;
	
}

/* ########################################  :  WRAPPER  :  ######################################## */

#wrapper {
    width : 1024px;
    margin: 0px auto;
    position: relative;
    top : -21px;
}

/* ########################################  :  HEADER  :  ######################################## */

#header {
    background: #FFF;
    height: 150px;
}

#header #logo {
    background: url('../img/logo.png');
    display: inline-block;
    
    width: 350px;
    height: 96px;
    
    position: relative;
    top: 30px;
    left: 25px;
}

#header #login {
    float : right;
    position: relative;
    top : 20px;
}

#header button {
    
}

/* ########################################  :  CONTENT  :  ######################################## */
#content {
    background: white;
}


/* ########################################  :  FOOTER  :  ######################################## */

#footer {
    background: url('../img/pattern_3.png') repeat;
    position: relative;
    margin: -21px auto; /* top : negative value of footer height */
    width : 1024px;
	height: 150px;
}

#footer #logo {
    background: url('../img/logo_footer.png');
    display: inline-block;
    
    width: 350px;
    height: 96px;
    
    position: relative;
    top: 25px;
    left: 25px;
}
